<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>个人中心 - ShakesBeare</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Hosting Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

    <link href="${pageContext.request.contextPath}/static/home/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <script src="${pageContext.request.contextPath}/static/home/js/jquery-1.11.1.min.js"></script>
    <!-- Custom Theme files -->
    <link href="${pageContext.request.contextPath}/static/home/css/style.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->

    <!-- webfonts -->
    <link href='${pageContext.request.contextPath}/static/home/css/font-awesome.css' rel='stylesheet' type='text/css'>
    <!-- webfonts -->
    <!-- dropdown -->
    <script src="${pageContext.request.contextPath}/static/home/js/jquery.easydropdown.js"></script>
    <script src="${pageContext.request.contextPath}/static/home/js/jquery-labelauty.js"></script>
    <link href="${pageContext.request.contextPath}/static/home/css/nav.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="${pageContext.request.contextPath}/static/home/css/jquery-labelauty.css" rel='stylesheet' type='text/css' />
    <link href="${pageContext.request.contextPath}/static/home/css/passwordStyle.css" rel='stylesheet' type='text/css' />
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/home/js/move-top.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/home/js/easing.js"></script>
    <!-- webfonts -->
    <%--<link href='http://fonts.useso.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>--%>
    <!-- webfonts -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- end-smoth-scrolling -->
</head>
<!-- Header Starts Here -->
<div class="banner" >

    <%@include file="../header.jsp"%>
    <div class="banner-info">
        <h1>欢迎来到个人中心</h1>
        <p>想管理信息？想查看新的Offer？想写新的简历？从这里开始吧！</p>
    </div>
</div>
<div class="clearfix"> </div>
<!-- Header Ends Here -->
<!--Main Starts Here-->
<div class="about">
    <div class="container">
        <div class="about-main">
            <div class="about-top">
                <!-- <h2 class="text-center">个人资料</h2> -->

                <div class="col-md-1">
                    <img src="${pageContext.request.contextPath}/upload/customer/${customer.headimgurl}" width="60" height="60" alt="暂无头像">
                </div>
                <div class="col-md-2" style="top: 10px; position: relative;" id="username">
                    <h3>${customer.fullname}</h3>
                </div>
                <div class="col-md-1" style="top: 10px; position: relative;" id="sex">
                    <c:if test="${customer.sex eq 'M'}"><h3>男</h3></c:if>
                    <c:if test="${customer.sex eq 'F'}"><h3>女</h3></c:if>
                </div>
                <div class="col-md-12">
                    <a href="${pageContext.request.contextPath}/home/customer/edit.action" ><i class="fa fa-edit"></i></a>
                    <br>
                </div>
                <div class="col-md-2">
                    <h5>手机</h5>
                    <br>
                </div>
                <div class="col-md-10">
                    <h5 id="mobile">${customer.telephone}</h5>
                    <br>
                </div>
                <div class="col-md-2">
                    <h5>邮箱</h5>
                    <br><br>
                </div>
                <div class="col-md-10">
                    <h5 id="email">${customer.email}</h5>
                    <br><br>
                </div>
                <a class="col-md-2" id="recordBox" style="background-color: #1BBC9B;" href="${pageContext.request.contextPath}/home/customer/notice.action">
                    <br>
                    <div class="row">
                        <h1 class="text-center">${delivery_num}</h1>
                    </div>
                    <div class="row">
                        <h4 class="text-center"><br>申请记录</h4>
                        <br>
                    </div>
                </a>
                <a class="col-md-2 col-md-offset-1" id="offerBox" style="background-color: #1BBC9B;" href="${pageContext.request.contextPath}/home/customer/notice.action">
                    <br>
                    <div class="row">
                        <h1 class="text-center">${invite_num}</h1>
                    </div>
                    <div class="row">
                        <h4 class="text-center"><br>职位邀请</h4>
                        <br>
                    </div>
                </a>
                <a class="col-md-2 col-md-offset-1" id="hrBox" style="background-color: #1BBC9B;" href="${pageContext.request.contextPath}/home/customer/notice.action">
                    <br>
                    <div class="row">
                        <h1 class="text-center">${delivery_success}</h1>
                    </div>
                    <div class="row">
                        <h4 class="text-center"><br>HR通知</h4>
                        <br>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="about-quote">
    <div class="col-md-6 abt-quote">
        <h5>我的简历</h5>
        <span>想找到工作？快编写你的简历吧！<a href="${pageContext.request.contextPath}/home/resume/index.action">现在编写</a></span>
    </div>
</div>
<div class="services">
    <div class="container">
        <h3>准备好简历了？<br><span>马上<a href="${pageContext.request.contextPath}/home/job/search.action" style="color: cyan;">搜索</a>你心仪的职位吧！</span></h3>
    </div>
</div>
<!--Main Ends Here-->


<!-- #Footer -->
<%@include file="../footer.jsp"%>
<!-- /#Footer -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<!-- //here ends scrolling icon -->
</body>
</html>
